<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>传智健康</title>
    <meta name="description" content="传智健康">
    <meta name="keywords" content="传智健康">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../plugins/elementui/index.css">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/style.css">

</head>
<body>
<template> 
          <el-carousel :interval="4000" type="card" height="400px">
                <el-carousel-item v-for="item in imagesbox" :key="item.id">
                   <img :src="item.idView" class="image">
                </el-carousel-item>
              </el-carousel>
</template>
</body>
<script src="../js/vue.js"></script>
<script src="../plugins/elementui/index.js"></script>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/axios-0.18.0.js"></script>
<script>
    export default{
        data(){
            return {
                imagesbox:[{id:0,idView:require("/img/start/1.png")},      {id:1,idView:require("/img/start/2.png")},

                    {id:2,idView:require("/img/start/3.png")}]
            }
        },
        methods: {

        },
        mounted() {
        }
    }
</script>

</html>
</body>
</html>